<template>
	<view @click.stop="click">
		<zyk-tour ref="zykTour" :guideData="guideData" @nextClick="nextClick"></zyk-tour>
	</view>
</template>
<script>
	export default {
		data() {
			return {
				// 指引流程数据
				guideData: [{
						boxWidth: '45px',
						boxHeight: '45px',
						boxTop: '44px',
						boxLeft: '61px',
						textTop: '100px',
						textLeft: '44px',
						text: '不知道问些什么？点红框处图标找点灵感吧',
						nextText: '下一步',
						// slotName: 'logo',
						showGuideBox: true
					},
					{
						boxWidth: '134px',
						boxHeight: '45px',
						boxTop: '44px',
						boxLeft: '105px',
						textTop: '100px',
						textLeft: '84px',
						text: '点我可以切换不同的大模型',
						nextText: '下一步',
						// slotName: 'logo2',
						showGuideBox: true
					},
					{
						boxWidth: '300px',
						boxHeight: '110px',
						boxTop: '665px',
						boxLeft: '25px',
						textTop: '575px',
						textLeft: '140px',
						text: '在此输入内容与我互动吧',
						nextText: '好的',
						// slotName: 'logo2',
						showGuideBox: true
					}
				]
			}
		},
		methods: {
			nextClick(obj) {
				let item = obj.item
				let index = obj.index
			},
		},
		mounted() {
			this.$refs.zykTour.open()
		}
	}
</script>